<template>
  <div>
    <ElDialog v-model="visible" title="确认你要提交的信息" width="400px">
      <ul>
        <li>编号：{{ findcondition.subexponseCode }}</li>
        <li>申请人：{{ findcondition.applier }}</li>
        <li>
          申请部门：
          <span v-if="findcondition.department === 'sale'">销售部</span>
          <span v-if="findcondition.department === 'duration'">市场部</span>
          <span v-if="findcondition.department === 'finance'">财务部</span>
        </li>
        <li>申请原因：{{ findcondition.useto }}</li>
        <li>申请金额：{{ findcondition.money }}</li>
        <li>审核时间：{{ time(new Date(findcondition.applytime)) }}</li>
        <li>审核意见：{{ findcondition.examinetext }}</li>
      </ul>
      <template #footer>
        <span class="dialog-footer">
          <ElButton @click="visible = false">关闭</ElButton>
        </span>
      </template>
    </ElDialog>
  </div>
</template>
<script lang="ts">
import type { subexponse } from '@/views/SubExponse.vue'

/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from

export default {
  name: 'SubExponseSubmit',
  props: {
    sampleP: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      sampleD: 'value',
      visible: false,
      findcondition: {} as subexponse
    }
  },
  computed: {
    /* sampleC() {
        return this.sampleD + "--";
      }, */
  },
  created() {},
  mounted() {},
  methods: {
    // sampleM() {},
    async find() {},
    time(date: Date) {
      const datec =
        date.getFullYear() +
        '年' +
        (date.getMonth() + 1) +
        '月' +
        date.getDate() +
        '日' +
        date.getHours() +
        '时' +
        date.getMinutes() +
        '分'
      //用法
      // <ElTableColumn> <template #default="{ row }">
      //     <span>{{ time(new Date(row.applytime)) }}</span>
      //   </template></ElTableColumn>
      return datec
    }
  },
  watch: {
    // sampleP(n, o) {},
  }
}
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
